<template>
     <view>
		 <!-- 头部导航 -->
          <!-- <div class="toubu">
               <div class='taber' v-for="(item,index) in list" @click="qiehuan(index)">
                    <image v-if="showindex!=index" :src="imgHost+item.img" mode=""></image>
                    <image v-else :src="imgHost+item.oimg" mode=""></image>
                    <span v-if="showindex!=index">{{item.name}}</span>
                    <span v-else style="color:#E33C21 ;">{{item.name}}</span>
                    <div :class="showindex==index?'osanjia':'ersanjiao'"></div>
               </div>
          </div> -->
		  <!-- 企业介绍 -->
		  <view class="qyjs">
			  <div class="xinqtext">
			  	 <h3>企业介绍</h3>
			  	 <span>COMPANY</span>
			  </div>
			  <view class="qiyeMsgTitle">企业轮播图</view>
			  <view class="diteQiyeBanner">
				  <view v-for="(item,index) in qiyeBannerList" class="diteQiyeBannerView">
						<image :src="item"></image>
						<text @click="deleteQiyeBanner(item,index)" class='iconter iconfont' size="30rpx">&#xe6c5;</text>
				  </view>
				  <view class="border" @click="addBannerImg">
					   <view>
							<text>+</text>
							<text>图片</text>
					   </view>
				  </view>
			  </view>
			  <view class="qiyeMsgTitle">企业简介图片</view>
			  <view class="diteQiyeBanner">
				  <view class="diteQiyeBannerView" v-if="qiyeDetailImgList">
						<image :src="qiyeDetailImgList"></image>
						<text @click="deleteQiyeMsgImg()" class='iconter iconfont' size="30rpx">&#xe6c5;</text>
				  </view>
				  <view class="border" @click="addMsgImg" v-if="!qiyeDetailImgList">
					   <view>
							<text>+</text>
							<text>图片</text>
					   </view>
				  </view>
			  </view>
			  <view class="qiyeMsgTitle">企业简介文字</view>
			  <view class="qiyeMsgDetail">
				  <textarea v-model="qiyeMsg"/>
			  </view>
		  </view>
		  <div class="remeng">
		  	 <p>推荐文章</p>
		  	 <view v-for="(item,index) in qiyeArticle" :key="index">
		  		 <view class="left">
		  			 <image :src="item.image_input"></image>
		  		 </view>
		  		 <view class="right">
		  			<view class="title">{{item.title}}</view>
		  			<view class="msg">{{item.synopsis}}</view>
		  			<view class="tiem">
		  				<text>{{item.create_time}}</text>
		  				<text>{{item.visit ? item.visit : 0 }}次阅读量</text>
		  			</view>
					<text @click="deleteQiyeArticle(item,index)" class='iconter iconfont' size="30rpx">&#xe6c5;</text>
		  		 </view>
		  	 </view>
			 <view class="sjhang" @click="wenz">
				 <view>
					 <view>+</view>
					 <view>文章</view>
				 </view>
			 </view>
		  </div>
		  <!-- 关于我们 -->
		  <div class="gywm">
				<div class="xinqtext">
					 <h3>联系我们</h3>
					 <span>ABOUT</span>
				</div>
				<div class="ophone">
					 <span>联系电话</span>
					 <div class="phflex">
							<input v-model="aboutInfo.company_tel"/>
						  <div>
							  <image :src="imgHost+'/web-view/phone.png'" mode="" @click="callTel"></image>
						  </div>
					 </div>
				</div>
				<div class="ophone">
					 <span>公司地址</span>
					 <div class="phflex">
						<input v-model="aboutInfo.company_address"/>
						<div>
							<image :src="imgHost+'/web-view/dingwei.png'" mode="" @click="chooseAddress"></image>
						</div>
					 </div>
				</div>
			   <div class="lianxi">
					<h3>联系我们</h3>
					<div></div>
					<p>若您对我们有更好的建议或意见，您可以点击下方“提交反馈”，提出您宝贵的建议，感谢您的支持，我们收到后将第一时间与您联系!</p>
			   </div>
					   <div class='annui' @click="submitAbout">提交修改</div>
			   <span class="dibu">- 到底了，看看其他的吧 -</span>
		  </div>
		  <!-- 推荐热文弹出窗 -->
		  <uni-popup ref="rwpopup" type="bottom">
		  	<view class="rexiao">
		  		<scroll-view scroll-y="true" style="height: 700rpx;" v-if="gotlist.length>0">
		  			<view v-for="(item,index) in gotlist" :key="index" class="xuze" >
		  				<div>
		  					<view>
		  						<image :src="item.image_input"></image>
		  					</view>
		  					<span>{{item.title}}</span>
		  				</div>
		  				<div @click="hotxuanz(item)">
		  					选择
		  				</div>
		  			</view>
		  		</scroll-view>
		  		<view v-else style="text-align: center;padding-bottom: 50px;">
		  			请在商户端后台上传
		  		</view>
		  	</view>
		  </uni-popup>
     </view>
</template>

<script>
	import {
	     getNavigation
	} from '@/api/public.js'
     import {
          HTTP_REQUEST_URL
     } from '@/config/app.js';
	 import {
		 getQiyeVideo,
		 delQiyeVideo,
		 deitQiyeMsg,
		 getQiyeDetail,
		 getAbout,
		 deitAbout
	 } from "@/api/userminp.js"
	 import {
		 carduser,
		 editAddress
	 } from "@/api/userminp.js"
	 import {
	      getArticleMerList
	 } from '@/api/api.js'
     export default {
          data() {
               return {
				   // 企业轮播图
				   qiyeBannerList:[],
				   // 企业简历图
				   qiyeDetailImgList:"",
				   // 企业简介文字
				   qiyeMsg:"",
				   // 可编辑条件
				   deit:false,
				   // 企业id
				   qiyeId:null,
				   // 关于我们信息
				   aboutInfo:null,
				   // 企业视频列表
				   qiyeVideoList:[],
				   // 企业文章
				   qiyeArticle:[],
                    oerlist: [{
                              name: "企业，您了解多少？",
                              video: 'https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/%E7%AC%AC1%E8%AE%B2%EF%BC%88uni-app%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%EF%BC%89-%20DCloud%E5%AE%98%E6%96%B9%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B@20181126-lite.m4v'
                         },
                         {
                              name: "逆水行舟 不进则退",
                              video: 'https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/%E7%AC%AC1%E8%AE%B2%EF%BC%88uni-app%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%EF%BC%89-%20DCloud%E5%AE%98%E6%96%B9%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B@20181126-lite.m4v'
                         },
                         {
                              name: "企线上线下运营",
                              video: 'https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/%E7%AC%AC1%E8%AE%B2%EF%BC%88uni-app%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%EF%BC%89-%20DCloud%E5%AE%98%E6%96%B9%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B@20181126-lite.m4v'
                         },
                         {
                              name: "互联网时代",
                              video: 'https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/%E7%AC%AC1%E8%AE%B2%EF%BC%88uni-app%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%EF%BC%89-%20DCloud%E5%AE%98%E6%96%B9%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B@20181126-lite.m4v'
                         },
                    ],
                    swiperlist: [{
                              img: '/web-view/lbt.png'
                         },
                         {
                              img: '/web-view/lbt.png'
                         },
                         {
                              img: '/web-view/lbt.png'
                         }
                    ],
					newData: {},
                    indicatorDots: true,
                    autoplay: true,
                    interval: 2000,
                    duration: 500,
                    showindex: '0',
					activeRouter:'',
                    imgHost: HTTP_REQUEST_URL + '/mingpian',
					// 推荐文章
					gotlist:[],
					// 商户id
					mer_id:0,
					// 经度
					latitude:"",
					// 维度
					longitude:"",
                    list: [{
                              img: '/web-view/fenzhi.png',
                              oimg: "/web-view/fenzhihong.png",
                              name: '企业介绍'
                         },
                         {
                              img: '/web-view/shu.png',
                              oimg: "/web-view/shuhong.png",
                              name: '产品介绍'
                         },
                         {
                              img: '/web-view/bofan.png',
                              oimg: "/web-view/bofanhong.png",
                              name: '企业视频'
                         },
                         {
                              img: '/web-view/liaotian.png',
                              oimg: "/web-view/liaotianhong.png",
                              name: '关于我们'
                         },
                    ]
               };
          },
		  onLoad(e){
			console.log(e,"e")
			// 是否可编辑
			if(e.edit){
				this.deit=true
			}
			uni.hideTabBar()
			let that = this;
			if (uni.getStorageSync('FOOTER_BAR')) {
				uni.hideTabBar()
			}
			getNavigation().then(res => {
				this.newData = res.data
				console.log(this.newData,"123")
				if (this.newData.status && this.newData.status.status) {
					uni.hideTabBar()
				} else {
					uni.showTabBar()
				}
			})
			let routes = getCurrentPages(); // 获取当前打开过的页面路由数组
			let curRoute = routes[routes.length - 1].route //获取当前页面路由
			this.activeRouter = '/' + curRoute
			if(uni.getStorageSync("QIYEID")){
				this.qiyeId=uni.getStorageSync("QIYEID")
				console.log("有内容",this.qiyeId)
				// 企业视频
				this.getQiyeVideoList()
				// 获取企业介绍
				getQiyeDetail({
					enterprise_id:this.qiyeId
				}).then(res=>{
					  if(res.data.company_images){
						  this.qiyeBannerList=res.data.company_images
					  }
					  if(res.data.compang_banner){
						  this.qiyeDetailImgList=res.data.compang_banner
					  }
					  this.qiyeMsg=res.data.company_des
				})
				// 获取关于我们
				getAbout({
					enterprise_id:this.qiyeId
				}).then(res=>{
					  if(res.status==200){
						  console.log(res.data.article_list,"ress")
						  this.qiyeArticle=res.data.article_list
						  this.aboutInfo=res.data
					  }
				})
			}else{
				console.log("没有内容")
				this.qiyeId=0
			}
			// 获取文章
			// getArticleMerList().then(res=>{
			// 	console.log(res,"热文")
			// 	this.qiyeArticle=res.data.list
			// })
			// 获取全部文章
			this.getHotList()
		  },
		  onShow(){
			  
		  },
          methods: {
			  // 删除文章
			  deleteQiyeArticle(item,index){
				  this.qiyeArticle.splice(index,1)
			  },
			  // 弹窗中选中文章
			  hotxuanz(item) {
				this.qiyeArticle.push(item)
			  	this.$refs.rwpopup.close()
			  },
			  // 增加文章
			  wenz(e) {
			  	this.$refs.rwpopup.open('bottom')
			  },
			  // 推荐热文
			  getHotList() {
				if(uni.getStorageSync("merId")){
					this.mer_id=uni.getStorageSync("merId")
				}
			  	getArticleMerList(this.mer_id).then((res) => {
			  		this.gotlist = res.data.list
			  	})
			  },
			  // 点击跳转推荐热文
			   rewtiaoz(item) {
			        uni.navigateTo({
			             url: '/pages/news_details/index?id=' + item.article_id
			        })
			   },
			  // 选择公司地址
			  chooseAddress(){
				  uni.chooseLocation({
					  success:(res)=>{
						  console.log(res)
						  this.latitude = res.latitude
						  this.longitude = res.longitude
						  this.aboutInfo.company_address=res.address
					  }
				  })
			  },
			  // 拨打电话
			  callTel(){
				uni.makePhoneCall({
				  	phoneNumber: this.aboutInfo.company_tel
				});
			  },
			  // 删除企业视频
			  deleteQiyeVideo(item){
					delQiyeVideo({
						id:item.id
					}).then(res=>{
						if(res.status==200){
							this.getQiyeVideoList()
							uni.showToast({
								 title: '删除视频成功',
								 icon: 'success',
								 duration: 1000
							})
						}
					})
			  },
			  // 跳转视频播放页面
			   playVideo(item){
				   uni.navigateTo({
						url:"../../webview/playVideo/playVideo?id="+item.id
				   })
			   },
			  // 上传企业视频
			  uploadVideo(){
				  uni.navigateTo({
				  	url:"../upQiyeVideo/upQiyeVideo?id="+this.qiyeId
				  })
			  },
			  // 获取企业视频列表
			  getQiyeVideoList(){
				  getQiyeVideo({	
					status:0,
					enterprise_id:this.qiyeId
				  }).then(res=>{
					this.qiyeVideoList=res.data.list
					console.log(this.qiyeVideoList)
				  })
			  },
			  // 上传企业banner图
			  addBannerImg(){
			  	let that = this;
			  	that.$util.uploadImageChange('upload/image', (res) => {
			  		if(res.status==200){
			  			that.qiyeBannerList.push(res.data.url)
			  		}
			  	});
			  },
			  // 上传企业详情图
			  addMsgImg(){
				  let that = this;
				  that.$util.uploadImageChange('upload/image', (res) => {
				  	if(res.status==200){
				  		that.qiyeDetailImgList=res.data.url
				  	}
				  });
			  },
			  // 提交修改关于我们
			  submitAbout(){
				  var artId=[];
				  for(var i=0;i<this.qiyeArticle.length;i++){
					  artId.push(this.qiyeArticle[i].article_id)
				  }
				  this.qiyeMsgBc()
				  editAddress({
					  enterprise_id:this.qiyeId,
					  address:this.aboutInfo.company_address,
					  lat:this.latitude,
					  long:this.longitude
				  }).then(res=>{
					  console.log(res)
				  })
				  deitAbout({
					  enterprise_id:this.qiyeId,
					  company_tel:this.aboutInfo.company_tel,
					  company_address:this.aboutInfo.company_address,
					  article_ids:artId.join(",")
				  }).then(res=>{
					  console.log(res)
					  if(res.status==200){
						  uni.showToast({
						  	title:"修改成功",
						  	icon:'success'
						  })
					  }
				  })
				  setTimeout(()=>{
				  	uni.navigateBack()
				  },1000)
			  },
			  // 删除企业介绍图片
			  deleteQiyeMsgImg(){
				  this.qiyeDetailImgList=""
			  },
			  // 删除企业轮播图
			  deleteQiyeBanner(item,index){
				  this.qiyeBannerList.splice(index,1)
			  },
			  // 确认修改企业介绍
			  qiyeMsgBc(){
				  deitQiyeMsg({
					  enterprise_id:this.qiyeId,
					  compang_banner:this.qiyeDetailImgList,
					  company_images:this.qiyeBannerList,
					  company_des:this.qiyeMsg
				  }).then(res=>{
					  if(res.status==200){
						 //  uni.showToast({
						 //  	title:"修改成功",
							// icon:'success'
						 //  })
						  // setTimeout(()=>{
								// uni.navigateBack()
						  // },1000)
					  }
				  })
			  },
			  // 切换选中类型
               qiehuan(index) {
                    this.showindex = index
                    console.log(index);
               },
               changeIndicatorDots(e) {
                    this.indicatorDots = !this.indicatorDots
               },
               changeAutoplay(e) {
                    this.autoplay = !this.autoplay
               },
               intervalChange(e) {
                    this.interval = e.target.value
               },
               durationChange(e) {
                    this.duration = e.target.value
               },
			   goRouter(item) {
			        var pages = getCurrentPages();
			        var page = (pages[pages.length - 1]).$page.fullPath;
			        if (item.link == page) return
			        uni.switchTab({
			             url: item.link,
			             fail(err) {
			                  uni.redirectTo({
			                       url: item.link
			                  })
			             }
			        })
			   },
          }
     }
</script>

<style lang="scss">
     page {
          background-color: #fff;
		  padding-bottom: 100rpx;
     }
	 .qyjs{
		 padding:32rpx 48rpx;
		 .xinqtext {
		    h3 {
			   font-weight: 600;
			   font-size: 32rpx;
			   line-height: 40rpx;
			   color: #161616;
			   display: inline-block;
			   vertical-align: middle;
		    }
		 
		    span {
			   margin-left: 16rpx;
			   font-weight: 500;
			   font-size: 24rpx;
			   line-height: 40rpx;
			   text-align: left;
			   color: #e33c21;
			   opacity: 0.2;
			   vertical-align: middle;
		    }
		 }
	 }
     .gywm{
          padding:32rpx 48rpx;
          .xinqtext {
               h3 {
                    font-weight: 600;
                    font-size: 32rpx;
                    line-height: 40rpx;
                    color: #161616;
                    display: inline-block;
                    vertical-align: middle;
               }
          
               span {
                    margin-left: 16rpx;
                    font-weight: 500;
                    font-size: 24rpx;
                    line-height: 40rpx;
                    text-align: left;
                    color: #e33c21;
                    opacity: 0.2;
                    vertical-align: middle;
               }
          }
          .ophone{
               margin-top: 40rpx;
               span{
                    font-weight: 400;
                    font-size: 24rpx;
                    line-height: 40rpx;
                    color: #a0a0a0;
               }
               .phflex{
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    border-bottom: 1rpx solid #efefef; 
                    padding: 32rpx 0rpx;
                    span{
                         font-weight: 600;
                         font-size: 28rpx;
                         line-height: 40rpx;
                         color: #161616;
                    }
                    div{
                         padding: 0rpx 28rpx;
                         border-left: 1rpx solid #efefef;
                         image{
                            width: 32rpx;
                            height: 32rpx;  
                         }
                    }
					input{
						width: 100%;
					}
               }
          }
          .lianxi{
               margin-top: 64rpx;
               h3{
                    text-align: center;
                    font-weight: 600;
                    font-size: 28rpx;
                    line-height: 40rpx;
                    color: #161616;
                    margin-bottom: 4rpx;
               }
               >div{
                    margin: auto;
                    width: 58rpx;
                    height: 4rpx;
                    border-radius: 2rpx;
                    background: #e33c21;
                    margin-bottom: 32rpx;
               }
               p{
                    font-weight: 400;
                    font-size: 24rpx;
                    line-height: 40rpx;
                    color: #161616;
               }
          }
          .annui{
               
               margin: auto;
               width: 464rpx;
               height: 96rpx;
               border-radius: 48rpx;
               background: #e33c21;
               box-shadow: 0 12rpx 36rpx rgba(193, 0, 0, 0.1);
               font-weight: 600;
               font-size: 34rpx;
               line-height: 96rpx;
               text-align: center;
               color: #fff;
               margin-top: 80rpx;
          }
          .dibu{
               margin-top: 106rpx;
               display: block;
               text-align: center;
               font-weight: 400;
               font-size: 24rpx;
               line-height: 40rpx;
               color: #a1a1a1;
          }
     }
     .qiye {
			padding: 32rpx 48rpx;
          .onetou {
               .xinqtext {
                    h3 {
                         font-weight: 600;
                         font-size: 32rpx;
                         line-height: 40rpx;
                         color: #161616;
                         display: inline-block;
                         vertical-align: middle;
                    }

                    span {
                         margin-left: 16rpx;
                         font-weight: 500;
                         font-size: 24rpx;
                         line-height: 40rpx;
                         text-align: left;
                         color: #e33c21;
                         opacity: 0.2;
                         vertical-align: middle;
                    }
               }
               .odiver{
                    display: grid;
                   grid-template-columns: 1fr 1fr;
                    column-gap: 16rpx;
					
                    >div{
                         margin: 16rpx 0rpx;
                         width: 320rpx;
                         height: 336rpx;
                         box-shadow: 0 4rpx 8rpx rgba(4, 11, 20, 0.05);
						 position: relative;
                         video {
                              width: 100%;
                              height: 77%;
                         }
                         h3 {
                              padding: 20rpx 24rpx;
                              font-weight: 600;
                              font-size: 28rpx;
                              text-align: left;
                              color: #161616;
                         }
						 text{
							 font-size: 52rpx;
							 border-radius: 100%;
							 overflow: hidden;
							 background-color: #fff;
						 	position: absolute;
						 	top: -10rpx;
						 	right: -10rpx;
						 }
                    }
               }
               .page {
                    margin: 32rpx 0rpx;
                    width: 100%;
                    height: 400rpx;
                    box-shadow: 0 4rpx 8rpx rgba(4, 11, 20, 0.05);
					position: relative;

                    video {
                         width: 100%;
                         height: 77%;
                    }

                    h3 {
                         padding: 20rpx 24rpx;
                         font-weight: 600;
                         font-size: 28rpx;
                         text-align: left;
                         color: #161616;
                    }
					text{
						 font-size: 52rpx;
						 border-radius: 100%;
						 overflow: hidden;
						 background-color: #fff;
						position: absolute;
						top: -10rpx;
						right: -10rpx;
					}
               }
          }
		  .button{
			  display: flex;
			  justify-content: center;
				.uploadVideo{
					background-color:#e33c21;
					color: white;
					width:50%;
					text-align:center;
					font-size: 28rpx;
					padding: 15rpx 20rpx;
				}
		  }
     }

     .ocanp {
          padding: 32rpx 48rpx;

          .xinqtext {
               h3 {
                    font-weight: 600;
                    font-size: 32rpx;
                    line-height: 40rpx;
                    color: #161616;
                    display: inline-block;
                    vertical-align: middle;
               }

               span {
                    margin-left: 16rpx;
                    font-weight: 500;
                    font-size: 24rpx;
                    line-height: 40rpx;
                    text-align: left;
                    color: #e33c21;
                    opacity: 0.2;
                    vertical-align: middle;
               }
          }

          .twoimg {
               padding: 32rpx 0rpx;
               width: 100%;
               height: 1640rpx;

               image {
                    width: 100%;
                    height: 100%;
               }
          }
     }

     .xianq {
          padding: 15rpx 48rpx;

          .xinqtext {
               h3 {
                    font-weight: 600;
                    font-size: 32rpx;
                    line-height: 40rpx;
                    color: #161616;
                    display: inline-block;
                    vertical-align: middle;
               }

               span {
                    margin-left: 16rpx;
                    font-weight: 500;
                    font-size: 24rpx;
                    line-height: 40rpx;
                    text-align: left;
                    color: #e33c21;
                    opacity: 0.2;
                    vertical-align: middle;
               }
          }

          .lintext {
               .poimg {
                    margin: 32rpx 0rpx;
                    width: 100%;
                    height: 310rpx;
                    border-radius: 15rpx;
                    overflow: hidden;

                    image {
                         width: 100%;
                         height: 100%;
                    }
               }

               span {
                    font-weight: 400;
                    font-size: 28rpx;
                    line-height: 44rpx;
                    color: #161616;
               }

          }
     }

     .toubu {
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 16rpx 50rpx;
          padding-top: 20rpx;
          background-color: #fff;

          .taber {
               text-align: center;

               image {
                    width: 48rpx;
                    height: 48rpx;
               }

               span {
                    display: block;
                    font-weight: 400;
                    font-size: 20rpx;
                    color: #161616;
               }

               .osanjia {
                    margin: auto;
                    margin-top: 8rpx;
                    width: 0rpx;
                    height: 0rpx;
                    border: 8rpx solid transparent;
                    border-top: 8rpx solid #E33C21;
               }

               .ersanjiao {
                    margin: auto;
                    margin-top: 8rpx;
                    width: 0rpx;
                    height: 0rpx;
                    border: 8rpx solid transparent;
                    border-top: 8rpx solid transparent;
               }
          }
     }

     .uni-margin-wrap {
          padding: 32rpx 48rpx;
          width: 690rpx;
          width: 100%;
     }

     .swiper {
          height: 300rpx;
     }

     .swiper-item {
          display: block;
          height: 300rpx;
          line-height: 300rpx;
          text-align: center;

          image {
               width: 100%;
               height: 100%;
          }
     }

     .swiper-list {
          margin-top: 40rpx;
          margin-bottom: 0;
     }

     .uni-common-mt {
          margin-top: 60rpx;
          position: relative;
     }

     .info {
          position: absolute;
          right: 20rpx;
     }

     .uni-padding-wrap {
          width: 550rpx;
          padding: 0 100rpx;
     }
	.qiyeMsgTitle{
		// padding: 10rpx;
		// font-size: 30rpx;
		// font-weight: 600;
		font-weight: 400;
		font-size: 24rpx;
		line-height: 40rpx;
		color: #a0a0a0;
	}
	.qiyeMsgDetail{
		padding-bottom: 20rpx;
		textarea{
			width: 100%;
			border: 1rpx solid gainsboro;
			// margin: 0 auto;
			height: 300rpx;
		}
	}
	.bottomButton{
		display: flex;
		justify-content: center;
		button{
			background-color:#e33c21;
			color: white;
			width:50%;
			text-align:center;
			font-size: 28rpx;
			padding: 15rpx 20rpx;
		}
	}
	.diteQiyeBanner{
		display: grid;
		grid-template-columns: repeat(2,49%);
		column-gap: 16rpx;
		padding: 10rpx;
		.diteQiyeBannerView{
			position: relative;
			image{
				width: 100%;
				height: 300rpx;
			}
			text{
				font-size: 52rpx;
				border-radius: 100%;
				overflow: hidden;
				background-color: #fff;
				position: absolute;
				top: -10rpx;
				right: -10rpx;
			}
		}
		.border {
		    margin: 20rpx 15rpx;
		    vertical-align: middle;
		    border: 2rpx dashed #595959;
		    display: flex;
			align-items: center;
			justify-content: center;
		    margin-right: 10rpx;
		    // width: 180rpx;
		    // height: 180rpx;
		    position: relative;
			view{
				display: flex;
				flex-wrap: wrap;
				text-align: center;
				text{
					width: 100%;
				}
				text:nth-of-type(1){
					font-size: 100rpx;
				}
			}
		}
	}
	// tabbar样式
	.page-footer {
	     position: fixed;
	     bottom: 0;
	     z-index: 30;
	     display: flex;
	     align-items: center;
	     justify-content: space-around;
	     width: 100%;
	     height: calc(98rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
	     height: calc(98rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
	     box-sizing: border-box;
	     border-top: solid 1rpx #F3F3F3;
	     background-color: #fff;
	     box-shadow: 0px 0px 17rpx 1rpx rgba(206, 206, 206, 0.32);
	     padding-bottom: constant(safe-area-inset-bottom); ///兼容 IOS<11.2/
	     padding-bottom: env(safe-area-inset-bottom); ///兼容 IOS>11.2/
	
	     .foot-item {
	          display: flex;
	          width: max-content;
	          align-items: center;
	          justify-content: center;
	          flex-direction: column;
	          position: relative;
	
	          .count-num {
	               position: absolute;
	               display: flex;
	               justify-content: center;
	               align-items: center;
	               width: 40rpx;
	               height: 40rpx;
	               top: 0rpx;
	               right: -15rpx;
	               color: #fff;
	               font-size: 20rpx;
	               background-color: #FD502F;
	               border-radius: 50%;
	               padding: 4rpx;
	          }
	     }
	
	     .foot-item image {
	          height: 50rpx;
	          width: 50rpx;
	          text-align: center;
	          margin: 0 auto;
	     }
	
	     .foot-item .txt {
	          font-size: 24rpx;
	
	
	          &.active {}
	     }
	}
	// 推销热文样式
	.remeng {
	     margin-top: 20rpx;
	     background-color: #fff;
	     border-radius: 8rpx;
	     padding: 48rpx;
	     p {
	          font-weight: 600;
	          font-size: 32rpx;
	          text-align: left;
	          color: #161616;
	     }
		 &>view{
			display: flex;
			align-items: center;
			margin-bottom: 20rpx;
		 }
		 .left{
			 display: inline-block;
			 image{
				 width: 200rpx;
				 height:120rpx;
				 border-radius: 20rpx;
			 }
		 }
		 .right{
			 position: relative;
			 &>view{
				margin: 10rpx 0;
			 }
			 display: inline-block;
			 margin-left: 10px;
			 width: 600rpx;
			 .title{
				 width: 100%;
				 font-size: 32rpx;
				 font-weight: 600;
			 }
			 .msg{
				 font-size: 24rpx;
			 }
			 .tiem{
				 width: 100%;
				 font-size: 24rpx;
				 color: gray;
				 display: flex;
				 justify-content: space-between;
			 }
			 &> text{
				font-size: 52rpx;
				border-radius: 100%;
				overflow: hidden;
				background-color: #fff;
				position: absolute;
				top: -10rpx;
				right: -10rpx;
			 }
		 }
		 .sjhang {
		 	margin: 20rpx 15rpx;
		 	vertical-align: middle;
		 	border: 2rpx dashed #595959;
		 	display: flex;
		 	margin-right: 10rpx;
		 	width: 100%;
		 	height: 180rpx;
		 	position: relative;
			align-items: center;
			justify-content: center;
			&>view{
				text-align: center;
				&>view:nth-of-type(1){
					font-size: 50rpx;
				}
			}
		 }
	}
	.rexiao {
	 	background-color: #f6f7f9;
	 	padding-top: 80rpx;
	 }
	 .xuze {
	 	display: flex;
	 	justify-content: space-between;
	 	align-items: center;
	 	margin: 14rpx 34rpx;
	 	padding: 10rpx;
	 	background-color: #fff;
	 	overflow: hidden;
	 
	 	div:nth-child(1) {
	 		flex: 1;
	 		display: flex;
	 
	 		view {
	 			width: 120rpx;
	 			height: 120rpx;
	 
	 			image {
	 				width: 100%;
	 				height: 100%;
	 			}
	 		}
	 
	 		span {
	 			flex: 1;
	 			font-size: 23rpx;
	 			margin-left: 20rpx;
	 		}
	 	}
	 
	 	div:nth-child(2) {
	 		margin: 0rpx 10rpx;
	 		width: 110rpx;
	 		height: 60rpx;
	 		border-radius: 10rpx;
	 		background-color: #E33C21;
	 		color: #fff;
	 		text-align: center;
	 		line-height: 60rpx;
	 	}
	}
</style>
